<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="css/themes/ui-lightness/jquery-ui-1.8.23.custom.css" type="text/css" rel="stylesheet" />
		
		<link href="css/main.css" type="text/css" rel="stylesheet" />
		
        <script src="js/system/jquery-1.8.0.min.js" type="text/javascript"></script>
		<script src="js/system/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
		
		<script src="js/custom/account_controller.js" type="text/javascript"></script>
		<script src="js/custom/account_model.js" type="text/javascript"></script>
		<script src="js/custom/account_view.js" type="text/javascript"></script>
        <script src="js/custom/security.js" type="text/javascript"></script>
        
        <title>Account</title>
    </head>
    
    
    <body>
        
        <div>
            <table width="100%">
                <tr>
                    <td align="left" width="70%">
                    <div>
                        <table>
                            <tr>
                                <td>
                                    <h2><a href="guest.htm">Guest Page</a></h2>
                                </td>
                                <td>
                                    <h2> | </h2>
                                </td>
                                <td>
                                    <h2><a href="staff.htm">Staff Page</a></h2>
                                </td>
                                <td>
                                    <h2> | </h2>
                                </td>
                                <td>
                                    <h2><a href="admin.htm">Admin Page</a></h2>
                                </td>
                            </tr>
                        </table>
                    </div>
                    </td>

                    <td align="left" width="30%">
                    <div>
                        <table>
                            <tr>
                                <td>
                                    <div> User name</div>
                                </td>
                                <td>
                                    <h2> | </h2>
                                </td>
                                <% if (false) { %>
                                    <td>	
                                        <div id="logout_link" class="link"> <h2>Logout</h2> </div>
                                    </td>	
                                <% } else { %>
                                    <td>	
                                        <div id="login_link" class="link"> <h2>Login</h2> </div>
                                    </td>
                                    <td>
                                        <h2> or </h2>
                                    </td>
                                    <td>	
                                        <div id="registration_link" class="link"> <h2>Registration</h2> </div>
                                    </td>
                                <% } %>
                            </tr>
                        </table>
                    </div>
                    </td>
                </tr>
            </table>
        </div>